@charset "utf-8";
/* CSS Document */
.index-banner {position: static;width: 100%;height: 100vh;overflow: hidden;}
.index-banner .en {font-family: 'gotham-medium';}
.index-banner .swiper-container {position: relative;width: 100%;height: 100%;}
.index-banner .carousel-inner {position: absolute;top: -60px;right: 0;bottom: 0;left: 0;padding-top: 60px;overflow: hidden;/*cursor: -webkit-grab!important;*//*cursor: grab!important;*/}
.page-header-fullscreen-trame {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-banner .carousel-item {position: absolute;top: 0;right: 0;left: 0;bottom: 0;overflow: hidden;z-index: 10;opacity:0;}
.index-banner .carousel-item.carousel-item-prev {transform-origin: center right;transform: translateX(-100%);}
.index-banner .carousel-item.carousel-item-next {transform-origin: center right;transform: translateX(100%);}
.index-banner .carousel-item:active {cursor: -webkit-grab !important;cursor: grab !important;}
.index-banner .carousel-item.active {z-index: 15;opacity: 1;transform-origin: center right}
.index-banner .carousel-item1 img {width:100%;position:absolute;left:0;top:0;-moz-transition: all 4.5s linear;-o-transition:  all 4.5s linear;transition: all 4.5s linear;}
.index-banner .carousel-item2 .bg-img {width:100%;position:absolute;left:0;top:0;}
.index-banner .carousel-item2 .img-box {width:1600px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;}
.index-banner .carousel-item3 .bg-img {width:100%;position:absolute;left:0;top:0;}
.static .carousel-item {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);cursor: default !important;}
.static.is-mobile .carousel-item {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 0;}
.index-banner .carousel-item-inner {position: absolute;width: 100%;height: 100%;}
.carousel-item-image-wrapper {position: relative;width: 100%;height: 100%;overflow: hidden;}
.carousel-item-image-wrapper:before {z-index: 20;}
.carousel-item-image-wrapper:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: .2;background-color: #000;z-index: 8;}
@media (min-width: 768px) {
.index-banner .carousel-inner {position: absolute;top: 0;padding-top: 0;}
.carousel-item-image-wrapper:after {content: none;}
}
.carousel-item-image {position: relative;height: 100%;width: 100%;overflow: hidden;}
.carousel-item-image:before {opacity: .2;z-index: 20;}
.banner-background {position: absolute;left: 0;top: 0;width: 100%;}
.carousel-item-image img {position: relative;width: 100%;height: 100%;max-width: none;z-index: 10;}
.index-banner .swiper-inner-text-wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;}
.carousel-item1 .page-header-fullscreen-text {background-size:cover;}
.index-banner .swiper-inner-text {position: absolute;top: 50%;left: 18.6%;width: auto;color: #fff;line-height: 1.3;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index-banner .carousel-item1 .swiper-inner-text {text-align: left;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:34px;}
.index-banner .carousel-item1 .cansual-des .s2 {font-size:42px;font-weight:bold}
.index-banner .carousel-item .link {width:135px;height:45px;background:#03812f url(../images/icon22.png) 95px center no-repeat;display:block;font-size:14px;line-height:45px;color:#fff;font-family: 'sheepsansbol';padding-left:20px;
margin-top:48px;}
.index-banner .carousel-item2 .swiper-inner-text {text-align: left;}
.index-banner .carousel-item2 .cansual-title {font-size: 48px;color: #385b6e;}
.index-banner .cansual-line {width: 0;height: 3px;margin: 25px 0 20px;background: #fff;}
.index-banner .cansual-des {font-size: 18px;color: #fff;line-height: 1.8;}
.index-banner .carousel-item3 .cansual-des {font-size:34px;}
.index-banner .carousel-item2 .cansual-des {text-align: left;font-size: 34px;color: #385b6e;}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:42px;font-weight:bold;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:42px;font-weight:bold}
.index-banner .carousel-item .cansual-title {margin-bottom: 10px;font-size: 40px;font-weight:bold;color: #fff;text-align: left;}
.index-banner .carousel-item3 .cansual-item-title .en-word {display: block;padding-bottom: 15px;font-family: 'AkzidenzGrotesk-BoldCondAlt';font-size: 84px;color: #fff;line-height: .9;}
.index-banner .carousel-item3 .cansual-des {margin-bottom: 35px;}
@media (max-width: 1440px) {
.index-banner .swiper-inner-text {position: absolute;top: 50%;left: 8.6%;}
}
@media (max-width: 1366px) {
.index-banner .swiper-inner-text {position: absolute;top: 50%;left: 6.6%;}
}
@media (max-width: 1024px) {
.index-banner {height:576px;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:28px;}
.index-banner .carousel-item1 .cansual-des .s2 {font-size:36px;font-weight:bold}
.index-banner .carousel-item3 .cansual-des {font-size:28px;}
.index-banner .carousel-item2 .cansual-des {text-align: left;font-size: 28px;color: #385b6e;}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:36px;font-weight:bold;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:36px;font-weight:bold}
.index-banner .carousel-item .link {width:135px;height:40px;display:block;line-height:40px;color:#fff;font-family: 'sheepsansbol';margin-top:28px;}

}
@media (max-width: 768px) {
.index-banner {height:432px; }
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:26px;}
.index-banner .carousel-item1 .cansual-des .s2 {font-size:34px;font-weight:bold}
.index-banner .carousel-item3 .cansual-des {font-size:26px;}
.index-banner .carousel-item2 .cansual-des {text-align: left;font-size: 26px;color: #385b6e;}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:34px;font-weight:bold;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:34px;font-weight:bold}
}
@media (max-width: 425px) {
.index-banner {height:239px;padding-top:60px;}
.index-banner .swiper-inner-text {position: absolute;top: 40%;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:16px;}
.index-banner .carousel-item1 .cansual-des .s2 {font-size:20px;font-weight:bold}
.index-banner .carousel-item3 .cansual-des {font-size:16px;}
.index-banner .carousel-item2 .cansual-des {text-align: left;font-size: 16px;color: #385b6e;}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:20px;font-weight:bold;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:20px;font-weight:bold}
.index-banner .carousel-item .link { display:none;}
}
@media (max-width:375px) {
.index-banner {height:211px;}
}
@media (max-width: 320px) {
.index-banner {height:239px;}
.index-banner .swiper-inner-text {position: absolute;top: 30%;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:14px;}
.index-banner .carousel-item1 .cansual-des .s2 {font-size:18px;font-weight:bold}
.index-banner .carousel-item3 .cansual-des {font-size:14px;}
.index-banner .carousel-item2 .cansual-des {text-align: left;font-size: 14px;color: #385b6e;}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:18px;font-weight:bold;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:18px;font-weight:bold}
}

.index-banner .cansual-item-title {position: relative;margin-bottom: 15px;}
.index-banner .cansual-item-title .small-title {display: block;margin-bottom: -10px;font-size: 22px;line-height: 36px;}
.index-banner .cansual-item-title .number {font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';color: #fff;letter-spacing:3px;margin-left:-6px;}
.index-banner .carousel-item3 .cansual-item-title .number {padding-bottom: 15px;font: normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';}
.index-banner .cansual-item-title .number .add-icon {font-size: 60px;line-height: 180px;vertical-align: 40px;}
.carousel-item-subtitle-line {position: absolute;bottom: 0;left: 0;width: 30px;height: 3px;background-color: #fff;content: '';}
.index-banner .cansual-item-title .small-title,
.index-banner .cansual-item-title .number,
.index-banner .cansual-sub-title,
.index-banner .carousel-item .cansual-des,
.index-banner .carousel-item .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button {display: block;opacity: 0;transform: translate3d(-150%, 0, 0);transition: all 1s;transition-delay: .2s;overflow: hidden;}
.index-banner .carousel-item2 .cansual-des {transform: translate3d(150%, 0, 0);}
.index-banner .carousel-item3 .cansual-des,
.index-banner .carousel-item3 .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button {text-align: left;transform: translate3d(0, -150%, 0);}
.index-banner .carousel-item .cansual-line {transition-delay: .2s;}
.index-banner .carousel-item3 .cansual-des {transition-delay: .4s;}
.index-banner .active .cansual-item-title .small-title,
.index-banner .active .cansual-item-title .number,
.index-banner .active .cansual-sub-title,
.index-banner .carousel-item.active .cansual-des,
.index-banner .carousel-item3.active .cansual-title,
.index-banner .carousel-item.active .cansual-line,
.index-banner .carousel-item3.active .radiu-button {opacity: 1;transform: none}
.index-banner .carousel-item2 .cansual-title {opacity: 0;transform: matrix(1, 0, 0, 1, 0, -80);-webkit-transform: matrix(1, 0, 0, 1, 0, -80);-moz-transform: matrix(1, 0, 0, 1, 0, -80);transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;}
.index-banner .carousel-item2.active .cansual-title {opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-moz-transform: matrix(1, 0, 0, 1, 0, 0);}
.index-banner .carousel-item .cansual-line {width: 45px;}
.index-banner .carousel-item3 .radiu-button {color: #fff;text-align: center;border: 1px solid #fff;background: transparent;}
.index-banner .carousel-item3 .radiu-button:hover {color: #333;background: #fff;}
.carousel-item-subtitle-line-timer {position: absolute;top: 0;left: 0;background-color: #fff;display: block;height: 100%;-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;}
.active .carousel-item-subtitle-line-timer {animation: linewidth 5s;-moz-animation: linewidth 5s;-webkit-animation: linewidth 5s;-o-animation: linewidth 5s;animation-delay: 1s;-webkit-animation-delay: 1s;}
@keyframes linewidth {
from {width: 0;}
to {width: 100%;}
}
@-moz-keyframes linewidth {
from {width: 0;}
to {width: 100%;}
}
@-webkit-keyframes linewidth {
from {width: 0;}
to {width: 100%;}
}

@-o-keyframes linewidth {
from {width: 0;}
to {width: 100%;}
}
.page-header-fullscreen-text {position: absolute;top: 50%;right: 0;left: 0;text-align: center;z-index: 25;}
.collapsing .page-header-fullscreen-text {transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);transition: .8s transform cubic-bezier(.19, 1, .22, 1);}
.index-banner .cansual-sub-title span {display: block;font-size: 20px;line-height: 32px}
.page-header-bar {position: absolute;right: 0;left: 0;bottom: 0;height: 70px;line-height: 70px;z-index: 55;transform-origin: bottom;-webkit-transform-origin: bottom;-moz-transform-origin: bottom;transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0);-moz-transform: rotateX(0deg) translate3d(0,0,0);transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.page-header-bar-inner {transition: -webkit-transform .4s;transition: transform .4s;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {transition: visibility .4s steps(1, end), -webkit-transform .4s;transition: visibility .4s steps(1, end), transform .4s;visibility: hidden;
-webkit-transform: rotateX(94deg) rotateZ(0);transform: rotateX(94deg) rotateZ(0);}
.no-transition .page-header-bar-inner {transition: none;}
.page-header-collapsed .page-header-bar-inner {visibility: hidden;transition: none;}
.carousel-bar-inner {width: 100%;height: 100%;}
.carousel-bar-title-word {padding-left: 75px;font-size: 12px;color: #666;}
.carousel-scroll-btn {z-index: 56;position: absolute;bottom: 50px;left: 18.6%;width: 52px;height: 52px;border: 1px solid #fff;border-radius: 100%;overflow: hidden;cursor: pointer;}
.carousel-scroll-btn .carousel-scroll-btn-icon {position: absolute;display: block;width: 52px;height: 52px;margin: 0 auto;background: url(../images/icon2.png) no-repeat center center;cursor: pointer;animation: downico 1.5s ease-out infinite;}
@keyframes downico {
0% {top: 0;opacity: 1}
35% {top: 50%;opacity: 0;}
65% {top: -50%;opacity: 0;}
100% {top: 0;opacity: 1;}
}
@media  screen and (max-width:1199px){
.ul_style{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.li_style{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}
}
@media  screen and (max-width:767px){
.ul_phone{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.li_phone{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}	
}
@media (max-width: 1440px) {
.carousel-scroll-btn {z-index: 56;position: absolute;bottom: 50px;left: 8.6%;}
}
@media (max-width: 1366px) {
.carousel-scroll-btn {z-index: 56;position: absolute;bottom: 50px;left: 6.6%;}
}
@media (max-width: 1024px) {
.carousel-scroll-btn {z-index: 56;position: absolute;bottom: 50px;left: 6.6%;width: 42px;height: 42px;border: 1px solid #fff;}
.carousel-scroll-btn .carousel-scroll-btn-icon {position: absolute;display: block;width: 42px;height: 42px;}
}
@media (max-width: 425px) {
.carousel-scroll-btn {z-index: 56;position: absolute;bottom: 50px;left: 6.6%;width: 32px;height: 32px;border: 1px solid #fff;}
.carousel-scroll-btn .carousel-scroll-btn-icon {position: absolute;display: block;width: 32px;height: 32px;}
}
@media (max-width: 320px) {
.carousel-scroll-btn {z-index: 56;position: absolute;bottom:70px;left: 6.6%;width: 32px;height: 32px;}
}
.carousel-controls {position: absolute;right: 0;top: 0;width: 465px;height: 70px;background: rgba(255,255,255,.6);}
.carousel-controls .count {position: absolute;left: 0;width: 180px;padding-left: 66px;font: bold 18px/80px 'gotham-medium';color: #999;}
.carousel-controls .count span {display: inline-block;}
.carousel-controls .count .current {color: #222;}
.carousel-controls .controls {position: absolute;left: 180px;}
.carousel-controls .carousel-line {z-index: 1;position: absolute;left: 50%;top: 18px;display: block;width: 1px;height: 35px;background: #e5e5e5;opacity:.3;}
.carousel-controls .carousel-control {float: left;width: 70px;height: 70px;cursor: pointer;}
.carousel-controls .swiper-button-next,
.carousel-controls .swiper-button-prev {position: relative;width: 100%;height: 100%;overflow: hidden;}
.carousel-controls .swiper-button-line {z-index: 1;position: absolute;top: 0;display: block;width: 25px;height: 100%;overflow: hidden;transition: all .45s ease-out 0s;-webkit-transition: all .45s ease-out 0s;-moz-transition: all .45s ease-out 0s;}
.carousel-controls .swiper-button-prev .swiper-button-line {background: url(../images/icon4.png) no-repeat left center;left: 15px;}
.carousel-controls .swiper-button-next .swiper-button-line {background: url(../images/icon3.png) no-repeat right center;right: 15px;}
.carousel-controls .swiper-button-prev:hover .swiper-button-line {width: 35px;}
.carousel-controls .swiper-button-next:hover .swiper-button-line {width: 35px;}
h3{ font-weight:600;}
@media (max-width:425px) {
.carousel-controls {position: absolute;right: 0;top: 20px;width:50%;height:50px;background: rgba(255,255,255,.6);}
.carousel-controls .count {position: absolute;left: 0;width: 180px;padding-left: 26px;font: bold 16px/50px 'gotham-medium';color: #999;}
.carousel-controls .controls {position: absolute;left: 80px;}
.carousel-controls .carousel-control {float: left;width: 50px;height: 50px;cursor: pointer;}
}
@media (max-width: 320px) {
.carousel-controls {position: absolute;right: 0;top: -30px;width:50%;height:40px;background: rgba(255,255,255,.6);}
.carousel-controls .count {position: absolute;left: 0;width: 180px;padding-left: 26px;font: bold 16px/40px 'gotham-medium';color: #999;}
.carousel-controls .controls {position: absolute;left: 80px;}
.carousel-controls .carousel-control {float: left;width: 40px;height: 40px;cursor: pointer;}
}
/*通用标题*/
.index_home .index_home_content .home_content_title{ text-align: center;}
.index_home .index_home_content .home_content_title dd{ color: #333333; font-size: 30px; font-weight:600;}
.index_home .index_home_content .home_content_title dt{ margin-top: 8px;}
.index_home .index_home_content .home_content_title dt span{ color: #555555; font-size: 16px; margin-right: 15px;}
.index_home .index_home_content .home_content_title dt span:last-child{ margin-right: 0px;}
.index_home .index_home_content .home_content_txt{ text-align: center;} 
@media screen and (max-width: 768px){
.index_home{ padding-bottom: 33px;}
.index_home .index_home_content .home_content_title dd{ font-size: 18px;}
.index_home .index_home_content .home_content_title dt span{ font-size: 14px;}
}
/*关于我们*/
.index_about{ background: #fff; margin:80px 0 50px; }
.index_about .about_content_video{ width: 46%;}
.index_about .about_content_video img{ width: 100%; height: 452px; object-fit: cover; cursor: pointer;}
.index_about .about_content_left{ width: 50%; margin-right: 4%;}
.index_about .about_content_left .content_left_title{ color: #fff; font-size: 30px; font-weight:bold; color:#444; text-transform: uppercase; width: 163px; line-height: 40px; }
.index_about .about_content_left .content_left_txt{ padding: 25px 0px; padding-bottom: 25px;}
.index_about .about_content_left .content_left_txt p{ color: #666666; font-size: 14px; line-height: 27px; margin-bottom: 25px;}
.index_about .about_content_left .content_left_txt p:last-child{ margin-bottom: 0px;}
.index_about .about_content_left .content_left_txt p a{ color: #0056b8; font-size: 14px;}
.index_about .about_content_left .content_left_txt p a span{ color: #0056b8; font-size: 14px;}
.index_about .about_content_left .content_left_more .left_bar{ }
.index_about .about_content_left .content_left_more .left_bar .box{ width: 33.333337%; height: 126px; text-align: center; color: #666; float:left;}
.index_about .about_content_left .content_left_more .left_bar .box h3{ font-size: 54px; line-height:72px; font-family: "CG";color:#04812e}
.index_about .about_content_left .more {display: inline-block;width: 145px;text-align: center;line-height: 40px;color: #666;font-size: 15px; border:1px solid #999; }
.content_list_video{ display:none;}
.content_list_video.on{ display:block;}
.content_list_video .list_video_bg{ position:fixed; background:rgba(0,0,0,.8); left:0; top:0;  width:100%; height:100%; z-index:120;}
.content_list_video .list_video_content{position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index:121;}
.content_list_video .list_video_content .video_content_close{ cursor:pointer; position:fixed; right:0; top:-35px;}
.content_list_video .list_video_content .video_content_close span{ color:#fff; font-size:25px;}
.content_list_video .list_video_content video{ width:100%;}
@media screen and (max-width: 1024px){
.index_about{ background: #fff; margin:50px 0; }
.index_about .about_content_left .content_left_txt{ padding: 20px 0px; }
.index_about .about_content_left .content_left_more .left_bar .box{  height: 100px; }
}
@media screen and (max-width: 768px){
.index_about{ background: #fff; margin:30px 0 0px; }
.index_about .about_content_left .content_left_title{font-size: 18px; width: 163px; line-height: 30px; }
.index_about .about_content_left .content_left_txt{  padding: 10px 0px;}
.index_about .about_content_left .content_left_txt p{line-height: 24px; margin-bottom:15px;}
.index_about .about_content_left .content_left_more .left_bar .box h3{ font-size: 40px; line-height:62px;}
.index_about .about_content_left .content_left_more .left_bar .box{height: 130px;}
.index_about .about_content_video img{ height: auto; margin-bottom: 22px;}
.index_about .about_content_video,.index_about .about_content_left{ width: 100%; margin-left: 0px;}
.index_about .about_content_left .content_left_more .right_more_list{ width: 93px; height: 93px; margin-right: 2%; padding: 15px;}
}
/*产品展示*/
.index_pro{background: #f8f8f8; padding:80px 0 0;}
.prodcut-nav{ width:100%; overflow:hidden; position:relative; z-index:11; margin-top:40px; margin-bottom:-30px;}
.prodcut-nav li{ width:200px; height:200px; float:left; line-height:100%; text-align:center;}
.prodcut-nav  a{ display:block; height:191px; width:199px; color:#999; padding-top:39px; font-size:14px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.pro-icon{ display:block; background:url(../images/product_icon.png); width:80px; height:80px; margin:0 auto 10px;}
.prodcut-nav  .hover a,.prodcut-nav  a:hover{ background:#04812e; color:#fff}
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ background-image:url(../images/product_icon_h.png)}
.pro-icon-2{ background-position:0 -80px}
.pro-icon-3{ background-position:0 -160px}
.pro-icon-4{ background-position:0 -240px}
.pro-icon-5{ background-position:0 -320px}

.pro-icon-6{ background-position:0 -400px}
.pro-nav-img{ height:540px; position:relative;}
.pro-nav-img li{ width:100%; height:540px; background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ width:100%; height:540px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99; color:#fff;}
.pro-nav-text{ position:absolute; top:160px; left:0; right:0; text-align:center; color:#fff; z-index:12}
.pro-nav-text .t1{ font-size:36px; padding-bottom:27px;}
.pro-nav-text .t2{ font-size:16px; line-height:26px;}
.pro-nav-text .t3{ display:inline-block; border:1px solid #fff; width:168px; height:46px; line-height:46px; font-size:14px; margin-top:33px;}
.pro-nav-img li:hover .t3{background:#04812e;color:#fff;border-color:#04812e}
.pro-nav-img li .li-bg{-webkit-transition: transform 1s ease;-moz-transition: transform 1s ease;-o-transition: transform 1s ease;-ms-transition: transform 1s ease;transition: transform 1s ease;}
.pro-nav-img li:hover .li-bg{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-webkit-transition: transform 1s ease;-moz-transition: transform 1s ease;-o-transition: transform 1s ease;-ms-transition: transform 1s ease;transition: transform 1s ease;}
@media screen and (max-width: 1024px){
.index_pro{background: #f8f8f8; padding:50px 0 0;}
.prodcut-nav li{ width:195px; height:200px; }
.prodcut-nav  a{ display:block; height:191px; width:193px; color:#999; padding-top:39px;}
.prodcut-nav{margin-top:30px; }
.pro-nav-text .t1{ font-size:30px; padding-bottom:27px;}
.pro-nav-img{ height:450px;}
.pro-nav-img li{ height:450px;}
.pro-nav-img li .li-bg{ height:450px;}
.pro-nav-text{ position:absolute; top:130px; }
}
@media screen and (max-width: 768px){
.index_pro{background: #f8f8f8; padding:30px 0 0;}
.prodcut-nav li{ width:20%; height:100px; }
.prodcut-nav  a{ display:block; height:91px; width:100%;padding-top:39px;}
.pro-icon{ display:none; }
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ display:none;}
.pro-icon-2{ display:none;}
.pro-icon-3{ display:none;}
.pro-icon-4{ display:none;}
.pro-icon-5{ display:none;}
.pro-nav-img{ height:380px; }
.pro-nav-img li{ height:380px;}
.pro-nav-img li .li-bg{ height:380px;}
.pro-nav-text{ position:absolute; top:100px; }
.pro-nav-text .t3{ width:148px; height:40px; line-height:40px; margin-top:23px;}
}
@media screen and (max-width: 425px){
.prodcut-nav{margin-top:20px; }
.prodcut-nav li{height:80px; }
.prodcut-nav  a{ height:66px;padding-top:25px;}
.pro-nav-img{ height:300px; }
.pro-nav-img li{ height:300px;}
.pro-nav-img li .li-bg{ height:300px;}
.pro-nav-text{ position:absolute; top:80px; }
.pro-nav-text .t1{ font-size:22px; padding-bottom:10px;}
.pro-nav-text .t2{ width:98%; margin:0 auto; font-size:14px; line-height:24px;}
.pro-nav-text .t3{ width:128px; height:30px; line-height:30px; margin-top:20px;}
}
/*案例*/
.index_case{ padding-top:80px;}
@media screen and (min-width:1025px) {
.index-case-list {width:100%;display:table;margin-top:40px; margin-bottom:80px;}
.index-case-list li {width:32.5%;float:left;margin-right:1.25%;}
.index-case-list li:nth-child(3n) {margin-right:0;}
.index-case-list li:hover {box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.index-case-list li .img {width:100%;overflow:hidden;}
.index-case-list li .img  img {width:100%;-moz-transition: all 0.5s linear;-o-transition:  all 0.5s linear;transition: all 0.5s linear;}
.index-case-list li:hover .img img {-webkit-transform:  scale(1.05) ; -moz-transform: scale(1.05) ; -ms-transform: scale(1.05);     -o-transform:  scale(1.05) ; transform:  scale(1.05);}
}
.index-case-list li .tbox {width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:20px 20px 0}
.index-case-list li .tbox .title {width:100%;position:relative;line-height:36px;}
.index-case-list li .tbox .title .t1 {font-size:14px;color:#666;}
.index-case-list li .tbox .more {width:100%;border-top:1px solid #e3e3e3;margin-top:7px;font-size:14px;color:#666;line-height:36px;padding:7px;background:url(../images/icon20.png) right center no-repeat;transition:all ease .3s;}
.index-case-list li:hover .tbox .more {background:url(../images/icon21.png) right center no-repeat;}
.index-case-more { border:1px solid #999;font-family: 'sheepsansbold';font-size: 16px; margin:30px auto; text-align:center;line-height:46px;color: #000;background: url(../images/icon21.png) right center no-repeat;padding-right: 35px;display: block;}
.slide_ha .sprev_3{ display:none;}
.slide_ha .snext_3{ display:none;}
@media screen and (max-width: 1024px){
.index_case{ padding-top:50px;}
.index-case-list {margin-top:30px;margin-bottom:50px;}
.slide_ha{ float:left; width:100%;}
.slide_ha .bd{ float:left; width:100%;}
.slide_ha .bd ul{ float:left; width:105%;}
}
@media screen and (max-width: 768px){
.index_case{ padding-top:30px;}
.index-case-list {width:100%;margin-bottom:30px;}
.index-case-list li:hover {box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.index-case-list li .img {width: auto;overflow:hidden;}
.index-case-list li .img  img {width:auto;-moz-transition: all 0.5s linear;-o-transition:  all 0.5s linear;transition: all 0.5s linear;}
.index-case-list li:hover .img img {-webkit-transform:  scale(1.05) ; -moz-transform: scale(1.05) ; -ms-transform: scale(1.05);     -o-transform:  scale(1.05) ; transform:  scale(1.05);}
}
@media  screen and (max-width:1199px){
.slide_ha{ position:relative;}
.slide_ha .bd{ width:56%; margin-left:23%; overflow:hidden;}
.slide_ha .bd ul{ width:100%;}	
.slide_ha .bd ul li{ float:left; width:100%;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}
.slide_ha .bd ul li .show_hs{ width:100%; margin-right:0; }
.slide_ha .sprev_3{ display:block; position:absolute; width:37px; height:73px; left:0; top:50%; margin-top:-36px; cursor:pointer;}
.slide_ha .sprev_3:hover{opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;-khtml-opacity: 0.7;	}
.slide_ha .snext_3{ display:block;position:absolute; width:37px; height:73px; right:0; top:50%; margin-top:-36px; cursor:pointer;}
.slide_ha .snext_3:hover{opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;-khtml-opacity: 0.7;	}
}
@media  screen and (max-width:767px){
.c_1200_5{ padding:0 13px;}
.t_1200_3{ float:left; width:100%; padding:24px 0 35px 0;}
}
@media  screen and (max-width:620px){
.slide_ha .bd ul li{ width:100%;}	
}
@media  screen and (max-width:480px){
.slide_ha .bd{ width:82%; margin-left:9%;}
.slide_ha .sprev_3{ position:absolute; float:left; width:12px; height:21px; left:0; top:50%; margin-top:-11px;}
.slide_ha .snext_3{position:absolute; float:left; width:12px; height:21px; right:0; top:50%; margin-top:-11px;}
}
/*新闻*/
.index_news{ background: #f8f8f8;padding:80px 0;}
.index_news .index_news_content { margin-top:40px;}
.index_news .index_news_content .news_content_left{ width: 39%; display: inline-block;}
.index_news .index_news_content .news_content_left:hover .content_left_txt .left_txt_title dd{ color: #04812e;}
.index_news .index_news_content .news_content_left .content_left_img{ overflow: hidden;}
.index_news .index_news_content .news_content_left .content_left_img img{ width: 100%; height: 283px; object-fit: cover;}
.index_news .index_news_content .news_content_left .content_left_txt{ background: #fff; padding: 22px;}
.index_news .index_news_content .news_content_left .content_left_txt .left_txt_title{ position: relative; padding-bottom: 13px; }
.index_news .index_news_content .news_content_left .content_left_txt .left_txt_title dd{ font-size: 16px; color: #333333; width: 75%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index_news .index_news_content .news_content_left .content_left_txt p{ color: #666666; line-height: 24px;display: -webkit-box; height:46px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_news .index_news_content .news_content_right{ width: 59%; margin-left: 2%;}
.index_news .index_news_content .news_content_right .content_right_content{ margin-bottom: -3%;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list{ background: #fff; display: inline-block; width: 48.5%; margin-right: 3%; padding: 22px 20px; margin-bottom: 3%;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list:nth-child(2n){ margin-right: 0px;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list .content_list_time{ padding: 15px 0px; transition: all 0.5s ease 0s;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list .content_list_txt{ }
.index_news .index_news_content .news_content_right .content_right_content .right_content_list .content_list_txt dd{ color: #333333; font-size: 16px; font-weight:bold; margin-bottom: 10px;overflow: hidden; transition: all 0.5s ease 0s;text-overflow:ellipsis;white-space: nowrap;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list .content_list_txt dt{ color: #666666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list:hover .content_list_time{ transition: all 0.5s ease 0s;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list:hover .content_list_txt dd{ color: #04812e; transition: all 0.5s ease 0s;}
@media screen and (max-width: 1024px){
.index_news{ padding:50px 0;}
.index_news .index_news_content { margin-top:30px;}
}
@media screen and (max-width: 768px){
.index_news{ padding:30px 0;}
.index_news .index_news_content .news_content_left,.index_news .index_news_content .news_content_right{ width: 100%; margin-left: 0px;}
.index_news .index_news_content .news_content_left{ margin-bottom: 25px;}
.index_news .index_news_content .news_content_right .content_right_title a{ width: 32%; margin-right: 2%;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list .content_list_time{ display: none;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list .content_list_txt{ width: 100%;}
.index_news .index_news_content .news_content_bottom a{ font-size: 14px; line-height: 33px; width: 110px;}
.index_news .index_news_content .news_content_right .content_right_content .right_content_list .content_list_txt dd{ font-size: 16px; font-weight: normal; }
}
@media screen and (max-width: 425px){
.index_news .index_news_content .news_content_right .content_right_content .right_content_list{ width: 100%; margin-right: 0;}
}